<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="shortcut icon" href="__STATIC__/home/img/logo.png" />
    <title>爱萌岛官方网站</title>
    <!-- SEO优化 -->
    <meta name="keywords" content="爱萌岛,聊天交友,语音聊天" />
    <meta name="description" content="爱萌岛,优质的聊天交友语音平台" />
    <style>
      * {
        padding: 0;
        margin: 0;
      }

      html,
      body {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        /* width: 1440px; */
      }

      #home {
        width: 100%;
        position: relative;
        background-color: #0d0d0d;
      }

      #Img {
        width: 100%;
        /* height: 100%; */
      }

      #div1 {
        display: block;
        position: absolute;
        top: 14.4%;
        left: 18.8%;
        width: 12%;
        height: 70px;
        background-color: brown;
        opacity: 0;
      }

      #div2 {
        display: block;
        position: absolute;
        top: 14.4%;
        left: 30.8%;
        width: 12%;
        height: 70px;
        background-color: brown;
        opacity: 0;
      }

      #Bottom {
        width: 100%;
        height: 60px;
        background-color: #0d0d0d;
        color: #ffffff;
      }

      #BoxHome {
        width: 90%;
        margin: auto auto;
        overflow: hidden;
        padding-top: 30px;
      }

      p {
        text-align: center;
      }

      .childBox {
        width: 230px;
        box-sizing: border-box;
      }

      .fl {
        /* float: left; */
        position: absolute;
        left: 0;
      }

      #BoxHome > div {
        position: relative;
      }

      .fright {
        /* float: right; */
        position: absolute;
        right: 0;
      }

      .down_load {
        width: 176px;
        height: 51px;
        display: inline-block;
        position: absolute;
      }

      .pc {
        /* left: 2.9rem;
            top: 6.86rem; */
        left: 0;
        top: 0;
        width: 100%;
        height: 900px;
      }

      .mobile {
        width: 100%;
        height: 50vh;
        top: 20%;
        left: 50%;
        transform: translateX(-50%);
      }
      .btn {
        width: 9%;
        height: 36px;
        border-radius: 40px;
        font-size: 14px;
        background-color: #fff;
        color: #15171b;
        text-align: center;
        line-height: 36px;
        font-weight: 500;
      }
      .btn_group {
        width: 100%;
        position: absolute;
        top: 9%;
        left: 15%;
        z-index: 10;
        display: flex;
      }
      .btn_a {
        background-color: #b2f46f;
        margin-right: 20px;
      }
      .phone.btn_group {
        top: 25%;
        left: 25%;
      }
      .phone > .btn {
        width: 22%;
        height: 10%;
        font-size: 12px;
      }
      a {
        text-decoration: none;
        color: inherit;
      }
    </style>
    <script>
      !(function (n) {
        var e = n.document,
          t = e.documentElement,
          i = 720,
          d = i / 100,
          o = 'orientationchange' in n ? 'orientationchange' : 'resize',
          a = function () {
            var n = t.clientWidth || 320
            n > 720 && (n = 720)
            t.style.fontSize = n / d + 'px'
          }
        e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener('DOMContentLoaded', a, !1))
      })(window)
    </script>
  </head>

  <body>
    <div id="home">
      <!-- <img class="img_mobile" src="https://cdn.aimengtec.com/web/mobile.png" alt="爱萌岛"> -->
      <!-- <img id="Img" src="https://cdn.aimengtec.com/web/pc_new.png" alt="爱萌岛"/> -->
      <img id="Img" src="../pc_new.jpg" alt="爱萌岛" />
      <!--<a class="down_load" href="https://cdn.aimengtec.com/package/aimeng_def.apk"></a>-->
      <!--<a id="div1" href="https://apps.apple.com/cn/app/id1475605585"></a>-->
      <!--<a id="div2" href="__STATIC__/home/zip/app-release.apk"></a>-->
      <div class="btn_group">
        <div class="btn btn_a">
          <!-- <a target="_blank" href="https://cdn.aimengtec.com/package/aimeng_def.apk">安卓下载</a> -->
        </div>
        <div class="btn b">
          <a href="https://www.pgyer.com/N8sp">IOS下载</a>
        </div>
      </div>
    </div>
    <div id="Bottom">
      <div id="BoxHome">
        <!--<div style="width: 50%;float: left;">
        <div class="childBox fright"> 官方微博：@爱萌岛</div>
        <div class="childBox fright" style="top:26px;"> 客服Mini账号：10086</div>
    </div>
    <div style="width: 50%;float: right;">
        <div class="childBox fl"> 官方QQ群：619215718</div>
        <div class="childBox fl" style="top:26px;"> 官方邮箱：mini@miniyuyin.cn</div>
    </div>-->
        <p style="margin-top: -15px" id="name">
          <a target="_blank" href="https://beian.miit.gov.cn" style="font-size: 12px; text-decoration: none; color: #ffffff"
            >深圳艾萌网络科技有限公司 粤ICP备2023003872号</a
          >
        </p>
      </div>
    </div>
  </body>
  <script>
    // var Img = document.getElementById("Img");
    // var btnIos = document.getElementById("btnIos");

    console.log(IsPC())
    function IsPC() {
      var userAgentInfo = navigator.userAgent
      console.log(navigator.userAgent)
      var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
      var flag = true
      for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
          flag = false
          break
        }
      }
      return flag
    }
    if (IsPC()) {
      // left: 280px;
      // top: 686px;
      // document.getElementById('Img').src = 'https://cdn.aimengtec.com/web/pc_new.png'
    } else {
      // left: 101px;
      // top: 217px;
      //https://cdn.aimengtec.com/web/mobile_new.png
      // document.getElementById('Img').src = 'https://cdn.aimengtec.com/web/mobile_new.png';
      document.getElementsByClassName('btn_group')[0].className = 'btn_group phone'
    }
  </script>
  <!-- <script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script> -->
</html>
